<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../styles/basic.css" />
<link rel="stylesheet" type="text/css" href="../styles/main.css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="styles/ie.css" />
<![endif]-->
<script src='../js/domtab.js'></script>
</head>
<body>
<div id='wrapper'>
	<h1><span>韭园菊色</span></h1>
    <p id="log"><a href="../signin.html">注册</a><a href="login.php">logout</a></p>
	<div class='content'>
        <div class="main">
			<div class="searchContainer section">
			<form>
            	<p>
                    <label class="searchLabel" for="search">输入你要查找的社团名字</label>
                    <input type="text" class="inputText searchInput" name="search" id="search" /> 
                    <input class="searchButton" type="submit" name="submit" id="submit" value="搜索" />
                </p>
			</form>
			</div>
			<dl class="browseClubs section">
				<dt>浏览社团</dt>
				<dd>
					<ul class="clearFix">
						<li><a href="#">体育健身(11)</a></li>
						<li><a href="#">文化艺术</a></li>
                        <li><a href="#">公益志愿</a></li>
                        <li><a href="#">文化艺术</a></li>
                        <li><a href="#">政治理论</a></li>
                        <li><a href="#">学术科创</a></li>
                        <li><a href="#">合作交流</a></li>
                        <li><a href="#">地域文化</a></li>
					</ul>
				</dd>
			</dl>
			<div class="activeClubs">
				<h2>活跃的社团</h2>
                <ol class="clearFix">
                	<li>
                        <h3><a href="#">登山社<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">遛狗社<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">同性交友<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">早上跑步<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">登山社<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">遛狗社<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">同性交友<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">早上跑步<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                    <li>
                        <h3><a href="#">club<img src="../images/1.jpg" alt="club log" title="click to visit the club" /></a></h3>
                        <p>(111评论)</p>
                    </li>
                </ol>
                <p class="more"><a href="#">更多活跃小组</a></p>
			</div>
		</div>
        <div class="side">
        	<p class="applyEstablish"><a href="#">申请成立社团</a></p>
            <dl class="newest newestClub">
            	<dt>新成立的社团</dt>
                <dd>
                	<ol>
                    	<li><a href="#">公益志愿爱心社</a></li>
                        <li><a href="#">公益志愿爱心社</a></li>
                        <li><a href="#">公益志愿爱心社</a></li>
                        <li><a href="#">公益志愿爱心社</a></li>
                        <li><a href="#">公益志愿爱心社</a></li>
                        <li><a href="#">公益志愿爱心社</a></li>
                    </ol>
                    <p><a href="#">更多</a></p>
                </dd>
            </dl>
            <dl class="newest newestActivity">
            	<dt>最热门的活动</dt>
                <dd>
                	<ol>
                    	<li><a href="#">爱心社捐赠书籍</a></li>
                        <li><a href="#">爱心社捐赠书籍</a></li>
                        <li><a href="#">爱心社捐赠书籍</a></li>
                        <li><a href="#">爱心社捐赠书籍</a></li>
                        <li><a href="#">爱心社捐赠书籍</a></li>
                        <li><a href="#">爱心社捐赠书籍</a></li>
                    </ol>
                    <p><a href="#">更多</a></p>
                </dd>
            </dl>
        </div>
	</div>
	<ul id='nav'>
		<li><a href="../index.html">首页</a></li>
		<li><a href="../associator/index.html">个人首页</a></li>
		<li><a href="">好友</a></li>
		<li><a href="">通知</a></li>
		<li><a href="">个人设置</a></li>
		<li><a href="">搜索</a></li>
    	<li class='last'><a href="">日志</a></li>	
	</ul>
	<div id="footer">
		<ul>
			<li class="noBd"><a href="">Home</a></li>
			<li><a href="">注册</a></li>
			<li><a href="">登陆</a></li>
			<li><a href="">href3</a></li>
			<li><a href="">href3</a></li>
			<li><a href="">href3</a></li>
			<li><a href="">href3</a></li>			
		</ul>
        <p>All rights deserves &copy; <span class="cap">社团</p>
    </div>
</div>
</body>
</html>